<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>旋转地球</title>
		<style type="text/css">
			body{
				padding-top: 150px;
			}
			#rotation-ewarth{
				margin: 0  auto;/*横向居中*/
				width: 310px;
				height: 310px;
				background: url(img/图片1.png) no-repeat;
				border-radius: 500px;
				-webkit-animation: run 6s linear 0s infinite;
			}
			#rotation-ewarth:hover{
				-webkit-animation-play-state: paused;/*暂停动画*/
			}
			@-webkit-keyframes run{
				from{-webkit-transform: rotate(0deg);}/*旋转*/
				to{-webkit-transform: rotate(360deg);}
			}
		</style>
	</head>
	<body>
		<div id="rotation-ewarth">
			
		</div>
	</body>
</html>
